<!DOCTYPE html>
<html>
<head>
    <title>首页</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1225636_9qvdxswwxu.css"/>
    <meta charset="UTF-8">
    <script>
        var pageConfig = {
            jss: ["pc/system/admin"]
        };
    </script>
    @@include("/pc/crm/common/_head.html"){}@@
</head>
<body class="layui-layout-body sm_admin sm_admin_index">
<div v-block id="admin">
    <!--banner-->
    <el-row :gutter="10">
        <el-col :span="7">
            <!--swiper 轮播-->
            <div class="crm_swiper">
                <template>
                    <el-carousel height="17rem" indicator-position="none">
                        <el-carousel-item v-for="img in imgLists1" :key="img">
                            <img :src="img.GWAM015" style="max-width:100%;"/>
                            <!--<img class="crm_item_img" src="http://sunwood.vip/wissun-smfile/CM600D.jpg"/>-->
                        </el-carousel-item>
                    </el-carousel>
                </template>
            </div>
        </el-col>
        <el-col :span="7">
            <!--swiper 轮播-->
            <div class="crm_swiper">
                <template>
                    <el-carousel height="17rem" indicator-position="none">
                        <el-carousel-item v-for="img in imgLists2" :key="img">
                            <img :src="img.GWAM015" style="max-width:100%;"/>
                            <!--<img class="crm_item_img" src="http://sunwood.vip/wissun-smfile/CM600D.jpg"/>-->
                        </el-carousel-item>
                    </el-carousel>
                    <!--下面的mark 不要删除 add by ganjia-->
                    <!--<el-row>
                        <el-col :xs="24" :sm="19" :md="19" :lg="19" :xl="19">
                            <div id="chart" style="width: 100%;height: 270%;">

                            </div>
                        </el-col>
                        <el-col :xs="24" :sm="5" :md="5" :lg="5" :xl="5">
                            <div id="div1" style="margin-top:80px;">
                                <table border="0">
                                    <tr>
                                        <td id="td1" style="height:25px;"></td>
                                    </tr>
                                    <tr>
                                        <td id="td2" style="height:25px;"></td>
                                    </tr>
                                    <tr>
                                        <td id="td3" style="height:25px;"></td>
                                    </tr>
                                    <tr>
                                        <td id="td4" style="height:25px;"></td>
                                    </tr>
                                    <tr>
                                        <td id="td5" style="height:25px;"></td>
                                    </tr>
                                </table>
                            </div>
                        </el-col>
                    </el-row>-->
                </template>
            </div>
        </el-col>

        <el-col :span="10">
            <div class="grid-content bg-purple">
                <!--组织公告-->
                <el-card class="box-card">
                    <div slot="header" class="clearfix">
                        <span>组织公告</span>
                        <el-button style="float: right; padding: 3px 0;font-size: 12px;" type="text"
                                   @click="nextPage()">下一页
                        </el-button>
                        <el-button style="float: right; padding: 3px 0;font-size: 12px;" type="text"
                                   @click="prevPage()">上一页
                        </el-button>
                    </div>
                    <div class="text item" v-if="lists.length > 0">
                        <ul>
                            <li v-for="(item,index) in pageData" :key="index" @click="open(item)"
                                style="cursor:pointer"><p>{{item.GWDH001}}</p><span>{{item.GWDH005}}</span></li>
                        </ul>
                    </div>
                    <div v-else>
                        <div>暂无数据...</div>
                    </div>
                </el-card>
            </div>

            <div class="grid-content bg-purple">
                <!--组织公告-->
                <div class="sm_box-card">
                    <el-tabs v-model="activeName2" type="border-card">

                        <el-tab-pane label="渠道公告" name="first">
                            <div id="rightBtn">
                                <el-button style="float: right; padding: 3px 0" type="text" @click="nextPage2()">下一页
                                </el-button>
                                <el-button style="float: right; padding: 3px 0" type="text" @click="prevPage2()">上一页
                                </el-button>
                            </div>
                            <ul>
                                <li v-for="(item,index) in pageData2" :key="index" @click="open(item)"
                                    style="cursor:pointer"><p>{{item.GWDH001}}</p><span>{{item.GWDH005}}</span></li>
                            </ul>
                        </el-tab-pane>
                        <el-tab-pane label="经销商公告" name="second">
                            <div id="rightBtn2">
                                <el-button style="float: right; padding: 3px 0" type="text" @click="nextPage3()">下一页
                                </el-button>
                                <el-button style="float: right; padding: 3px 0" type="text" @click="prevPage3()">上一页
                                </el-button>
                            </div>
                            <ul>
                                <li v-for="(item,index) in pageData3" :key="index" @click="open(item)"
                                    style="cursor:pointer"><p>{{item.GWDH001}}</p><span>{{item.GWDH005}}</span></li>
                            </ul>
                        </el-tab-pane>
                    </el-tabs>
                </div>

            </div>
        </el-col>
    </el-row>


    <!--全部商品-->
    <div class="crm_goods_shopping">
        <div class="crm_shop_title">
            <h3>全部商品</h3>
            <span @click="search"><i class="iconfont icon-04"></i>筛选</span>
        </div>
        <!--商品筛选-->
        <el-form :inline="true" :model="formInline" class="crm_form_inline" v-if="hidden">
            <el-row :gutter="10">
                <el-col :span="6">
                    <el-form-item label="客户名称">
                        <el-input v-model="formInline.GWAKL003">
                            <i class="el-icon-search el-input__icon" @click="openKh" slot="suffix" v-show="!disabled"></i>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="是否拆包">
                        <el-select v-model="formInline.GWAK061" placeholder="是否拆包" disabled>
                            <el-option label="Y:是" value="Y"></el-option>
                            <el-option label="N:否" value="N"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="活动选择">
                        <el-input v-model="formInline.GWDC001">
                            <i class="el-icon-search el-input__icon" @click="openGwdc001" slot="suffix"></i>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="产品系列">
                        <el-input v-model="formInline.GWAM004_NAME">
                            <i class="el-icon-search el-input__icon" @click="openGwam004" slot="suffix"></i>
                        </el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="产品分类">
                        <el-input v-model="formInline.GWAM007_NAME">
                            <i class="el-icon-search el-input__icon" @click="openGwam007" slot="suffix"></i>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="规格">
                        <el-input v-model="formInline.GWAML004" placeholder="规格"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="品号">
                        <el-input v-model="formInline.GWAM001" placeholder="品号"></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="onSubmit">查询</el-button>
                        <el-button @click="reset">重置</el-button>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>

        <div class="crm_goods_content">
            <el-row :gutter="10">
                <el-col :span="6" v-for="(shop,index) in pageData4" key="index">
                    <div class="grid-content bg-purple crm_shop_group" @click="shopInfo(shop)">
                        <div class="crm_shop_img">
                            <img :src="shop.url"/>
                            <!--<div class="crm_add" @click="addCar($event)"><i class="iconfont icon-05"></i>添加购物车</div>-->
                        </div>
                        <div class="crm_shop_text">
                            <div><span>品号：</span><p>{{shop.GWAM001}}</p></div>
                            <div style="min-height: 40px;"><span>规格：</span><p>{{shop.GWAML004}}</p></div>
                            <p>
                                <small>¥</small>
                                <strong>{{shop.GWDB016}}</strong>
                                <!--<span>购物车数量：{{shop.number}}</span>-->
                            </p>
                        </div>
                        <!--<div class="crm_fly_item">-->
                            <!--<img :src="shop.GWAM015"/>-->
                        <!--</div>-->
                    </div>
                </el-col>


            </el-row>
            <el-pagination
                    @current-change="handleCurrentChange"
                    :current-page="currentPage4"
                    :page-size="pageSize4"
                    layout="total, prev, pager, next, jumper"
                    :total="total4">
            </el-pagination>
        </div>
    </div>

    <!-- 购物车 -->
    <div class="crm_shop_car" @click="shopCar($event)">
        <span class="iconfont icon-05"></span>
        <p id="shopCart" class="crm_shop_cart">购物车<span></span></p>
    </div>


    <!--<el-row :gutter="20">-->
    <!--<el-col :span="12">-->
    <!--&lt;!&ndash;swiper 轮播&ndash;&gt;-->
    <!--<div class="swiper-container swiper sm_swiper">-->
    <!--<div class="swiper-wrapper">-->
    <!--<div class="swiper-slide" v-for="img in imgLists">-->
    <!--<img :src="'/wissun-smfile/'+img.GWAM015"/>-->
    <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
    <!--<div class="swiper-button-prev"></div>-->
    <!--<div class="swiper-button-next"></div>-->
    <!--</div>-->
    <!--&lt;!&ndash;导航等组件可以放在container之外&ndash;&gt;-->
    <!--</el-col>-->
    <!--<el-col :span="12">-->
    <!--&lt;!&ndash;销售产品&ndash;&gt;-->
    <!--<el-col :span="24">-->
    <!--&lt;!&ndash;swiper 轮播&ndash;&gt;-->
    <!--<div class="swiper-container sm_swiper2 sm_swiper">-->
    <!--<div class="swiper-wrapper">-->
    <!--<div class="swiper-slide" v-for="img in imgLists">-->
    <!--<img :src="'/wissun-smfile/'+img.GWAM015"/>-->
    <!--</div>-->

    <!--</div>-->
    <!--&lt;!&ndash; 如果需要分页器 &ndash;&gt;-->
    <!--<div class="swiper-pagination"></div>-->

    <!--&lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
    <!--<div class="swiper-button-prev"></div>-->
    <!--<div class="swiper-button-next"></div>-->
    <!--</div>-->
    <!--&lt;!&ndash;导航等组件可以放在container之外&ndash;&gt;-->
    <!--</el-col>-->
    <!--&lt;!&ndash;活动产品&ndash;&gt;-->
    <!--<el-col :span="24">-->
    <!--&lt;!&ndash;swiper 轮播&ndash;&gt;-->
    <!--<div class="swiper-container sm_swiper3 sm_swiper">-->
    <!--<div class="swiper-wrapper">-->
    <!--<div class="swiper-slide" v-for="img in imgLists">-->
    <!--<img :src="'/wissun-smfile/'+img.GWAM015"/>-->
    <!--</div>-->

    <!--</div>-->

    <!--&lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
    <!--<div class="swiper-button-prev"></div>-->
    <!--<div class="swiper-button-next"></div>-->
    <!--</div>-->
    <!--&lt;!&ndash;导航等组件可以放在container之外&ndash;&gt;-->
    <!--</el-col>-->
    <!--</el-col>-->

    <!--</el-row>-->
</div>

</body>
<div id="info">

</div>
</html>


